// 获取图标元素
const iconElement = document.getElementById('bell');

// 绑定点击事件
iconElement.addEventListener('click', () => {
  // 判断当前是否是初始图标（fa-bell）
  if (iconElement.classList.contains('fa-bell')) {
    // 移除原始图标类和样式类，添加新图标类
    iconElement.classList.remove('fa-bell', 'notification-icon');
    iconElement.classList.add('fa-bell-slash', 'notification-icon'); // 切换为"静音铃铛"图标
  } else {
    // 切换回原始图标
    iconElement.classList.remove('fa-bell-slash', 'notification-icon');
    iconElement.classList.add('fa-bell', 'notification-icon');
  }
});